angularjs 根据变量改变 动态加载模板

js angularjs

directive

return {
        restrict: 'E',
        replace: true,
        templateUrl: 'app/view/order.html',
        link: function (scope, element, attrs) {
            scope.Type = attrs.Type;
        }
      };

模板

<div ng-switch on="item.Type">
  <div ng-switch-when="1"><ng-include src="'views/1.html'"></ng-include></div>
  <div ng-switch-when="2"><ng-include src="'views/2.html'"></ng-include></div>
  <div ng-switch-when="3"><ng-include src="'views/3.html'"></ng-include></div>
</div>